<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form" %>
<%@ taglib uri="http://www.springframework.org/tags" prefix="spring" %>
<style>
	.reportFilter {
		width: 100%;
	}
	
	.reportFilter th {
		text-align: left;
	}
	
	.inputForm .formInputField, .inputForm select {
	    border-color	:	#848484 #C1C1C1 #E1E1E1;
	    border-radius	:	2px 2px 2px 2px;
	    border-style	:	solid;
	    border-width	:	1px;
	    padding			:	4px;
	}
	
	.inputForm .formInputField:focus, .inputForm select:focus {
		border-color	:	#4E4E4E #7C7C7C #A3A3A3;
		box-shadow		:	0 0 5px rgba(0, 0, 0, 0.3);
	}
	
	.inputForm .inputDate {
		background: url("<c:url value="/resources/images/btCalendar.png" />") no-repeat scroll 95% 5px transparent;
		width: 100px;
	}
	
	iframe { border: 0 }
</style>
			<div class="container boxed container-first clearfix">
				<div id="page-title" class="grid-12">
					<h1>Relat&oacute;rio de Agendamentos</h1>
				</div>
				<div class="grid-12">
					<form class="inputForm" action="<c:url value="/reports/results.do" />" method="post" target="reportResults">
						<table class="reportFilter">
							<tr>
								<th><spring:message code="specialty" /></th>
								<th><spring:message code="professional" /></th>
								<th><spring:message code="customer" /></th>
								<th><spring:message code="status" /></th>
								<th><spring:message code="start" /></th>
								<th><spring:message code="end" /></th>
								<th>&nbsp;</th>
							</tr>
							<tr>
								<td>
									<form:select path="specialtyList" id="specialtyId" name="specialtyId">
										<form:option value="">Todas</form:option>
										<form:options items="${specialtyList}" itemValue="specialtyId" itemLabel="name" />
									</form:select>
								</td>
								<td>
									<form:select path="professionalList" id="professionalId" name="professionalId">
										<form:option value="">Todos</form:option>
										<form:options items="${professionalList}" itemValue="userId" itemLabel="name" />
									</form:select>
								</td>
								<td>
									<form:select path="customerList" id="customerId" name="customerId">
										<form:option value="">Todos</form:option>
										<form:options items="${customerList}" itemValue="userId" itemLabel="name" />
									</form:select>
								</td>
								<td>
									<select name="canceled">
										<option value="">Todos</option>
										<option value="false">Atendido</option>
										<option value="true">Cancelado</option>
									</select>
								</td>
								<td>
									<input id="startDate" name="startDate" class="formInputField inputDate" />
								</td>
								<td>
									<input id="endDate" name="endDate" class="formInputField inputDate" />
								</td>
								<td>
									<button id="generateReportAction">Gerar</button>
								</td>
							</tr>
						</table>
					</form>
					<iframe name="reportResults" src="<c:url value="/reports/results.do" />" height="400" width="100%">
					</iframe>
				</div> 
			</div>